<h1>选项</h1>
<form clrForm class="clr-form">
  <clr-input-container>
    <label>你的名字:</label>
    <input clrInput type="text" [(ngModel)]="ms.options.name" name="name" />
  </clr-input-container>
  <br />

  <div class="form-group">
    <label for="numFormat">数字格式</label>
    <div class="select">
      <select
        id="numFormat"
        name="numFormat"
        [(ngModel)]="ms.options.numFormat"
        (change)="onFormatChange()"
      >
        <option value="standard">默认</option>
        <option value="scientific">科学计数法</option>
        <option value="engineering">工程符号</option>
        <option value="longScale">长比例尺</option>
      </select>
    </div>
  </div>

  <div class="form-group">
    <label for="selects_1">顶部颜色</label>
    <div class="select">
      <select
        name="header"
        id="selects_1"
        [(ngModel)]="ms.options.header"
        (change)="os.reloadHeader()"
      >
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
      </select>
    </div>
  </div>

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      id="dark"
      name="dark"
      [(ngModel)]="ms.options.dark"
      (change)="ms.setTheme()"
    />
    <label>深色主题</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="format"
      id="format"
      [(ngModel)]="ms.options.usaFormat"
      (change)="onFormatChange()"
    />
    <label>替代号码格式</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="si"
      id="si"
      id="si"
      [(ngModel)]="ms.options.showI"
    />
    <label>显示新单位</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="time"
      id="time"
      [(ngModel)]="os.timeFormatDetail"
    />
    <label>严格的单位时间</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="hot"
      id="hot"
      [(ngModel)]="os.hotKeyAlert"
    />
    <label>快捷键禁用信息开关</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="navCap"
      id="navCap"
      [(ngModel)]="OptionsService.navalCapNotification"
    />
    <label>战斗页面最多的海军帽消息</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="hideRef"
      id="hideRef"
      [(ngModel)]="os.hideRefund"
    />
    <label>隐藏拆除按钮</label>
  </clr-toggle-wrapper>
  <br />

  <clr-toggle-wrapper>
    <input
      type="checkbox"
      clrToggle
      name="noAuto"
      id="noAuto"
      [(ngModel)]="OptionsService.noAutomatorOff"
    />
    <label>不要在声望上禁用自动化人员</label>
  </clr-toggle-wrapper>
  <br />
</form>
